* {margin: 0;padding: 0;font-family: '微软雅黑','黑体','宋体'}
a {text-decoration: none;}
li {list-style: none;}
input, textarea, select {outline:none;}
.clear {clear: both;}
.hide {display: none;}
.left {float: left;}
.bolder {font-weight: bolder;}
.line-through {text-decoration: line-through;}

.c-009F52 {color: #009F52;}
.c-red {color: red;}
.c-F13E00 {color: #F13E00;}

span.error {margin: 0 0 0 10px;font-size: 12px; color: red; font-weight: lighter;}
#header {position: fixed; z-index: 9999; top: 0; width: 100%; height: 40px; background: #000;}
#header-content {width: 950px; height: 40px; margin: 0 auto; background: #000;}
#ajax-waiting {width: 140px; height: 40px; line-height: 40px; position: absolute; background: red; color: #fff; text-align: center; top: 0; z-index: 999}
#header-menu {position: relative; width: 140px; height: 40px; color: #ccc; overflow:hidden; float: left;}
#header-menu ul {display: block; width: 140px; position: absolute; overflow: hidden; z-index: 101; background: #ccc;}
#header-menu a {display: block; width: 140px; height: 40px; line-height: 40px; margin-bottom: 1px; text-indent: 0.5em; color: #fff; overflow: hidden;}
#header-menu #menu-user {background: #005eff;}
#header-menu #menu-stock {background: #f13e00;}
#header-menu #menu-purchase {background: #009f52;}
#header-menu #menu-cost {background: #005eff;}
#header-menu #menu-goods {background: #990099;}
#header-menu #menu-setting {background: #9f0000;}
#header-menu #menu-supplier {background: gray;}
#header-menu #menu-advice {background: green;}
#header-menu-show {width: 30px; height: 40px; position: relative; margin-left: 110px; z-index: 102; background: url(i/menu_show.gif) no-repeat center center;}
.header-menu-show-hover {background: url(i/menu_show.png) no-repeat center center;}
#header-panel {height: 40px; float: right; color: #ccc;}
#header-date {height: 40px; padding:0 10px; float: right; line-height: 40px; font-size: 14px;}
#header-username {height: 40px; float: right; line-height: 40px; font-size: 14px;}
.header-action {height: 40px; float: right; line-height: 40px; font-size: 14px; cursor:pointer}
.header-action a {display: block; width:30px; height: 40px; color: #ccc;}
#header-refresh a {background:url(i/action_refresh.png) no-repeat center center;}
#header-refresh a:hover {background:#333 url(i/action_refresh.png) no-repeat center center;}
#header-goback a {background:url(i/action_goback.png) no-repeat center center;}
#header-goback a:hover {background:#333 url(i/action_goback.png) no-repeat center center;}
#header-username a {display: block; height: 40px; padding: 0 10px; color: #ccc;}
#header-username a:hover,#header-username a:active,.header-action a:hover  {background: #3b3b3b;}
#header-logout {width: 30px; height: 40px; float: right;}
#header-logout a {display:block; width: 30px; height: 40px; background: url(i/logout.gif) no-repeat center center;}
#header-logout a:hover {background: #3b3b3b url(i/logout.gif) no-repeat center center;}
#header-login {height: 40px; padding: 0 10px; line-height: 40px; float: left; font-size: 16px; color: #ccc}
#header-login a {color: #fff;}
#header-environment {height: 40px; padding:0 10px; float: right;  line-height: 40px; font-size: 14px;}
#header-quick-search-button a {background:url(i/action_search_button.png) no-repeat center center;}
#header-quick-search-button a:hover, #header-quick-search-button-active a {background:#333 url(i/action_search_button.png) no-repeat center center;}
#header-quick-search-close a {background:url(i/action_close.png) no-repeat center center;}
#header-quick-search-close a:hover {background:#333 url(i/action_close.png) no-repeat center center;}
#header-quick-search {height: 40px; padding:0 10px; float: right;  line-height: 40px; font-size: 14px;}
#header-quick-search input {width:100px; height:23px; border:none; line-height:23px; text-indent:0.5em;}

#header-hidden div {display:none;}
#header-hidden #user-panel {position:absolute; margin:39px 0 0 796px; width:150px; border:2px solid #000; background:#fff;}
#header-hidden #user-panel a {display:block; height:30px; padding:0 1em 0 0; font-size:14px; color:#333; text-align:right; line-height:30px;}
#header-hidden #user-panel a:hover {background: #eee;}

#container {width: 950px; margin: 40px auto 0 auto;}
#sub-menu {width: 140px; height:100%; float: left; background: #eee; }
#sub-menu ul {padding:15px 0 0 0;}
#sub-menu li a {display: block; width: 140px; height: 30px; line-height: 30px; text-indent: 0.5em; font-size: 16px; color: #444; overflow: hidden;}
#sub-menu li a.selected {background: #ccc;}
#sub-menu li a:hover,#sub-menu li a:active {background: #ddd;}
#sub-menu li.menu-line {height: 1px; background: #ccc; margin: 10px;}
#main {width: 790px; padding:0 0 15px 0; float: left; margin: 15px 0 0 20px; overflow: hidden;}

#login-left {width: 455px; margin-right: 40px; float: left; background: #005eff;}
#login-right {width: 400px; padding: 120px 0 0 0; float: left; background: #fff;}
.login-text {font-size: 16px; font-weight: bolder; color: #333; }
.login-input-text {display: block; width: 255px; height: 25px; margin: 10px 0; line-height: 25px; text-indent: 0.5em; font-size: 16px; border: 1px solid #333;}
.login-input-submit {display: block; width: 70px; height: 30px; margin: 20px 0 0 0; background: orange; border: none; color: #333;}

#login-success {width: 100%; height: 100%; background: #005eff;}
#login-success #login-success-wrapper {padding: 180px 0 0 240px;}
#login-success-wrapper a {color: #fff; text-decoration: underline;}
#login-success h1 {font-size: 36px; font-weight: lighter; color: #fff;}
#login-success p {font-size: 18px; color: #fff; margin: 20px 0 0 0;}
#system-info {color: #fff;}
#system-info .system-name {padding:115px 0 0 80px; font-size:36px; font-weight:bolder;}
#system-info .system-version {margin:0 0 0 80px; font-size:14px;}
#system-info .system-update-title {margin:20px 0 0 80px; font-size:12px;}
#system-info .system-update {height:200px; width:320px; margin:5px 0 0 80px; overflow-y:scroll; font-size:12px;}
/*
#footer {width: 100%; height: 30px; background: #000;}
*/
#footer {width: 100%; height: 30px; border-top:1px solid #ccc}
#footer-content {width: 950px; height: 30px; margin: 0 auto;}
#footer-content p{line-height:30px; font-size:12px; color:#555;}

/*表单样式*/
#edit-title {width: 100%; height: 29px; border-bottom: 1px solid #999; overflow: hidden; line-height: 29px; color: #444; font-size: 14px;}
#edit-sub-title {width: 100%; height: 29px; overflow: hidden; line-height: 29px; color: #333; font-size: 14px;}
.edit-name {font-size: 12px; color: #444; margin: 10px 0 0 0;}
.edit-name span {padding: 0 0 0 10px; font-size: 12px; color: #333;}
.edit-text input {position: relative;width: 255px; height: 25px; border: 1px solid #333; font-size: 14px; text-indent: 0.5em; color: #444; margin: 5px 0 0 0;}
.edit-text span {padding: 0 0 0 10px; font-size: 12px; color: #333;}
.edit-textarea {margin: 5px 0 0 0;}
.edit-textarea textarea {width: 255px; height: 5em; padding: 0.5em 0; border: 1px solid #333; color: #111; background: #eee; text-indent: 0.5em; resize: none;}
.edit-checkbox {height: 25px; line-height: 25px; color:#333; font-size: 14px;}
.edit-checkbox {margin: 5px 0 0 0;}
.edit-submit {margin: 15px 0 0 0;}
.edit-submit input {height: 25px; line-height: 21px; padding: 0 15px; margin: 0 10px 0 0; font-size: 14px; color: #333; background: #fff; border: 2px solid orange; float: left;}
.edit-result {line-height: 25px ; margin: 0 0 0 10px; font-size: 14px; text-align: center; color: red; float: left; width: 189px; background: red; color: #fff;}
.edit-select {margin: 5px 0 0 0;}
.edit-image img {width: 220px;}
.edit-other {margin: 5px 0 0 0;}

.edit-group {margin: 5px 0 0 0;}

.input-text-loading {background: url(i/input_text_loading.gif) repeat-x bottom left;}

div.edit-pre-100 {position: absolute; width: 100px; font-size: 14px; color: #555; margin: -23px 0 0 0.5em;}
input.pre-100 {text-indent: 100px;}
/*****表单样式重绘*****/
.form-checkbox {cursor: pointer; padding: 0 0 0 7px; background: #ddd; margin-right: 1px;}
.form-checkbox-checked {background: #005eff;}
.form-select {cursor: pointer; width: 257px; text-indent:0.5em; color: #333; background: #ddd;}
.form-select .option {width: 257px; height:27px; line-height: 27px; background: #ddd; font-size: 14px;}
.form-select-selected {color: #909;}

/*列表通用样式*/
#group {width: 100%; height:29px; border-bottom: 1px solid #666; overflow: hidden;}
#group #check-all {padding: 4px 0 0 7px; float: left; overflow: hidden;}
#group #check-text {line-height: 30px; font-size: 14px; color: #444; float: left;}
#group #check-text span {line-height: 14px; padding: 0 15px; border-right: 1px solid #ccc;}
#group #check-del, #check-recover {line-height: 30px; padding: 0 15px; font-size: 14px; color: #444; float: left;}
#group #search {width: 240px; height: 20px; margin: 5px 0 0 0; padding: 0 0 0 10px; border-left: 1px solid #ccc; float: left;}
#group #search input {display: block; width: 150px; height: 18px; line-height: 16px; border:1px solid #ccc; text-indent: 0.5em; color: #333; float: left;}
#group #search a {display: block; width: 50px; height: 18px; line-height: 16px; color: #333; font-size: 14px; text-align: center; background: #ccc; border: 1px solid #ccc; border-left: 0; float: left;}
#group #search a:hover {background: #eee;}
#group #page {width: 181px; height: 20px; margin: 5px 0 0 0; float: right;}
#group #page #process {width: 100px; height: 20px; font-size: 14px; color: #333; text-align: left; float: left;}
#group #page div.btn {width: 40px; height: 20px; background: #ccc; float: left;}
#group #page a {display: block; width: 40px; height: 20px;}
#group #page #next {margin-left: 1px}
#group #page #next a {background: #000 url(i/page.gif) no-repeat 0 -20px;}
#group #page #prev a {background: #000 url(i/page.gif) no-repeat 0 0;}
#list {width: 100%; overflow: hidden;}
#list .del-flg-1 {color: #ccc !important;}
#list .each {width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #444; font-size: 14px;}
#list .each .check {width: 28px; padding: 1px 0 0 7px; float: left;}
#list .each .name {width: 100px; float: left;}
#list .each .btn {width: 70px; height: 30px; float: left;}
#list .each .btn a {display: block; width: 18px; height: 18px; margin: 5px 0 0 0; overflow: hidden; background:url(i/icons.gif); float: left;}
#list .each .btn .edit {background:url(i/icons.gif) 0 0; display: none;}
#list .each .btn .edit:hover {background:url(i/icons.gif) 0 -19px;}
#list .each .btn .del {background:url(i/icons.gif) -18px 0; margin: 5px 0 0 3px; display: none;}
#list .each .btn .del:hover {background:url(i/icons.gif) -18px -19px; margin: 5px 0 0 3px;}
#list .each .btn .recover {background:url(i/icons.gif) -36px 0; margin: 5px 0 0 3px; display: none;}
#list .each .btn .recover:hover {background:url(i/icons.gif) -36px -19px; margin: 5px 0 0 3px;}
#list .each .btn .add {background:url(i/icons.gif) -54px 0; margin: 5px 0 0 3px; display: none;}
#list .each .btn .add:hover {background:url(i/icons.gif) -54px -19px; margin: 5px 0 0 3px;}
#list .each .create-date,#list .each .update-date {float: right; padding: 0 7px 0 0;}

#search-result {}
#search-result .each {width: 257px; height: 70px; border-bottom: 1px solid #ccc; background: #eee}
#search-result .image {width: 70px; height: 70px; float: left;}
#search-result img {width: 70px; height: 70px;}
#search-result .number {width: 90px; height: 70px; padding: 0 0 0 10px; line-height: 70px; font-size: 12px; color: #333; float: left;}
#search-result .each-sub {width: 255px; height: 25px; line-height: 25px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 12px; color: #555; background: #eee; overflow: hidden;}
#search-result .each-sub .sub-attribute {width: 80px; line-height: 25px; padding: 0 0 0 5px; float: left; overflow: hidden; cursor: pointer;}
#search-result .each-sub .sub-number {width: 100px; line-height: 25px; padding: 0 0 0 5px; float: left; overflow: hidden;}
#search-result .each-sub .sub-stock {width: 50px; line-height: 25px; padding: 0 5px 0 0; text-align: right; float: right;}